.max-width{

    width: 1440px;

    /*margin:0 auto;*/

}

@media only screen and (max-width: 1023px) {

    .footer{width:100%;background:#232323;padding-top:.4rem;padding-bottom:.43rem;}

    .footer a>img{width:4.1rem;margin:0 auto .4rem;display: block;}

    .footer-ul{text-align: center;margin-bottom:.35rem;font-style: normal;}

    .footer-ul li{display:inline-block;}

    .footer-ul li a{color:#b7b7b7;font-size:.28rem;font-weight: bolder;margin-right:.4rem;}

    .footer-img{margin-bottom:.3rem;display: flex;justify-content: center;}

    .footer-img div{position:relative;}

    .footer-img div img {

        display:inline-block;

        width:.56rem;height: .56rem;

        margin-right:.5rem;

    }

    .footer-img i{display:none;position:absolute;top:-1rem;left:0;transition:.2s;}

    .footer-img i img{width:.9rem;height:.9rem;}

    .footer-img div:hover i{display:block;transition:.2s;}



    .footer-fr-ul{text-align: center;margin-bottom:.25rem;font-style: normal;}

    .footer-fr-ul li{display: inline-block;}

    .footer-fr-ul li a{color:#7b7b7b;font-size:.24rem;font-weight: 700;}

    .footer-fr-ul li a::after{content:'';vertical-align:middle;display:inline-block;width:1px;height:.28rem;background:#7b7b7b;margin-right:.25rem;margin-left:.25rem;}

    .footer-fr-ul li:last-child a::after{content:none;}

    .footer-link{font-size:.26rem;color:#8b8b8b;text-align: center;margin-bottom:.25rem;display: block;font-style: normal;line-height:0.4rem;}

    .footer-link1{font-style: normal;}

    .popup{

        display: none;

        position: fixed;

        top:0;

        left: 0;

        background:#fff;

        width: 100%;

        height: 100%;

        z-index: 999;

        overflow: auto;

    }

    .popup-box{

        width: 100%;

    }

    .search-input{

        width: 92%;

        height: .64rem;

        background:#515151;

        border-radius: 32px;

        margin:0 auto .09rem;

    }

    .search-input img{

        width:.29rem;

        height:.28rem;

        margin-right: .13rem;

        margin-left: .24rem;

        vertical-align: middle;

    }

    .search-input input{

        color: #fff;

        font-size: .26rem;

        background:none;

        border: none;

        line-height: .64rem;

        width: 80%;

    }

    .search-input input::placeholder{

        color: #fff;

    }

    .popup-ul{

        width: 100%;

        font-style: normal;

    }

    .popup-ul li{

        width: 100%;

        padding-top:.5rem;

    } 

    .popup-ul li>a{

        display: block;

        width: 92%;

        margin: auto;

        color: #444444;

        font-size: .32rem;

        font-weight:bolder;

        padding-left: 1rem;

        outline: none;

        height: 0.4rem;

    }

    .popup-top{

        display:flex;

        justify-content:space-between;

        align-items:center;

        margin-bottom:.8rem;

        padding:.3rem .35rem 0;

    }

    .popup-top .popup-top1{

        width:3.31rem;

    }

    .popup-top .popup-top2{

        width:.4rem;

    }

    .popup-ul li>a span.be-ac:before{

        content:'';

        display: inline-block;

        width:.32rem;

        height:.05rem;

        background: #285ba6;

        margin-right: .18rem;

        vertical-align: middle;

    }

    .popup-show{

        padding:0 0 .5rem 1.28rem;

        width: 100%;

        background:rgba(0,0,0,.05);

        display: none;

        position:relative;

        margin-top:.35rem;

    }

    .popup-show img{

        position:absolute;

        right:.24rem;

        bottom:.2rem;

        width:3.5rem;

    }

    .popup-show a{

        color:#444;

        font-size:.28rem;

        display:block;

        margin-right: .60rem;

        padding-top:.39rem;

        outline: none;

    }

    .nav-close{

        display: none;

        width:.4rem;

        height:.35rem;

        margin-left: .27rem;

        position: relative;

    }

    .nav-close img{width:100%;height:100%;}

}